<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="jquery-1.7.2.js"></script>
    
    <style>
    div{
    width: 500px;
    height: 300px;
    border: 2px solid red;
    };
    h1{
        width: 50px;
    }

   /* #mostImportant {color:red; background:yellow;}*/
    </style>
</head>
<body>
   
        <button id="b1">show</button>
        <button id="b2">hide</button>
        <button id="button">你你你</button>
        <select id="test">
            <option value=0>-- please select --</option>
            <option value=1>option-1</option>
            <option value=2>option-2</option>
            <option value=3>option-3</option>
            <option value=3>option-4</option>
        </select>
        
<!--    
    <div style="display: none;">ninini</div>
        <div style="word-wrap:break-word">nininininininin</div>
        <div>
            <input type="checkbox" value="1">
            <input id="fan" type="text" name="fan"> 
            
        </div>

        <br>
        <hr>
        <h1 id="mostImportant">This is important!</h1>
        <h1 id="mostImportant">This is important!</h1>
        <h1 id="mostImportant">This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!This is important!</h1>
        <div id="fan2">laofanlaoan</div>
        <input id="fan1" type="button" name="" value="ninini">
<script src="./fan/fan.js"></script> -->
</body>
<script>
    // $("#mostImportant").attr('style', 'color:red');
    // $("#fan").val('<a>ff</a>');
    // console.log($("#fan"));

    // console.log(document.getElementById('fan1'));
    // $('#fan1').on('click',function(e){console.log(this);console.log($(this));console.log(e);scrollTo(0,0);});


    // defined(['ni'],function(){

    //     var ni=function(){
    //         console.log('nihao');
    //     }
    // })

    
    // var ni=function(){
    //     console.log("nihao");
    // }
    // $("div").on("click","button",ni);
    // $("div").on("click","button",function(){$(this).css({background:"red"})});
    // $("button").eq(0).click();
  
    $("#b2").on("click",function(){$("div").hide()});
    // $("#b1").on("click",function(){$("div").show()});
    $("#b1").on("click",function(){
        // document.getElementById("test").value = "3";
        $("select").val(3);
        console.log($("select").val());
       
    });


    
</script>
</html>
